import React from 'react';

export class App extends React.Component {
  // 事件处理函数
  buttonClickHandler(e) {
    console.log('类组件事件绑定');
    console.log(e);
    console.log(e.target);
    console.log(e.currentTarget);
    console.log(e.target === e.currentTarget);
  }

  // a 标签的事件处理函数
  handleClick(e) {
    console.log('a 标签====================================');
    // e.preventDeafult();
    e.preventDefault();
  }

  render() {
    return (
      <div
        onClick={this.buttonClickHandler}
        style={{ width: 200, height: 200, backgroundColor: 'pink' }}
      >
        <button onClick={(e) => e.stopPropagation()}>类组件事件绑定</button>
        <a onClick={this.handleClick} href="http://www.baidu.com">
          点我
        </a>
      </div>
    );
  }

  // render() {
  //   return (
  //     <button onClick={() => console.log('类组件行内事件绑定')}>
  //       类组件事件绑定
  //     </button>
  //   );
  // }
}
